<template>
	<view class="index">
		<!-- 顶部第一部分 -->
		<topIndex ref="topIndex"  />
		<!-- 享活动 -->
		<active ref="active"   />
		<!-- 汇资讯 -->
		<consult ref="consult"   />
		<!-- 才艺 -->
		<talentAndSkill ref="talentAndSkill"   />
		<!-- 场馆 -->
		<venue ref="venue"   />
		<!-- 游林芝 -->
		<swiming ref="swiming"   />
		<!-- 读好书 -->
		<reading ref="reading"   />
		<!-- 赏精品 -->
		<liveStreaming ref="liveStreaming"   />
		<!-- 品非遗 -->
		<heritage />
	</view>

</template>

<script>
	import topIndex from '@/pages/index/topIndex.vue';
	import active from '@/pages/index/active.vue';
	import consult from '@/pages/index/consult.vue';
	import swiming from '@/pages/index/swiming.vue';
	import talentAndSkill from '@/pages/index/talentAndSkill.vue';
	import venue from '@/pages/index/venue.vue';
	import reading from '@/pages/index/reading.vue';
	import liveStreaming from '@/pages/index/liveStreaming.vue';
	import heritage from '@/pages/index/heritage.vue';

	import {
		newsList,
		newsCategory
	} from "@/request/homeApi.js";
	export default {
		components: {
			topIndex,
			active,
			consult,
			talentAndSkill,
			venue,
			reading,
			liveStreaming,
			heritage,
			swiming
		},
		data() {
			return {

			}
		},
		onShow() {
			setTimeout(() => {
				this.$refs.topIndex.getBanner()
				this.$refs.active.getCategory()

				this.$refs.consult.getCategory()

				this.$refs.swiming.getCategory()

				this.$refs.talentAndSkill.getCategory()

				this.$refs.venue.getCategory()

				this.$refs.reading.getCategory()

				this.$refs.liveStreaming.getCategory()
			}, 1000)

		},
		methods: {

		}
	}
</script>
<style>
	page {
		background-color: #f2f2f2;
	}
</style>
<style lang="scss" scoped>
	.index {}
</style>
